<template>
    <div class="videoLook-wrapper">
        <div class="videoLook-top">
            <totalMap></totalMap>
        </div>
        <div class="videoLook-center">
            <areaPoints></areaPoints>
        </div>
    </div>
</template>

<script>
    import totalMap from "./totalMap";
    import areaPoints from "./areaPoints";
    export default {
        name: "videoLook",
        components:{
            totalMap,
            areaPoints
        }
    }
</script>

<style scoped lang="scss">
    .videoLook-wrapper{
        width: auto;
        height: 3.3rem;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        .videoLook-top{
            flex: 1;
        }
        .videoLook-center{
            flex: 1;
        }
    }
</style>
